import React from 'react'
import Tit from '../../components/Tit'
import { DatePicker, List } from 'antd-mobile'
import {Link} from 'react-router-dom'
import './MySubordinate.less'
export default class MySubordinate extends React.Component {
    state = {
        date: ''
    }
    onChange = (date) => {
        // console.log(date.getFullYear() + '-' + date.getMonth() + 1)
        // var a = date.getFullYear() + '-' + (date.getMonth() + 1)
        this.setState({
            date: date
        })
    }
    render() {
        return (
            <div>
                <Tit zz={true} tit={'我的下级'}></Tit>
                <div className='Accoun-d1'>
                    <p>账户余额(元)：</p>
                    <p>1,0000.00</p>
                </div>
                <DatePicker
                    mode="month"
                    title="Select Date"
                    extra="Optional"
                    format={(value)=>{return value.getFullYear()}}
                    value={this.state.date}
                    onChange={this.onChange}
                >
                    <List.Item arrow="horizontal">请选择日期</List.Item>
                </DatePicker>
                <Link to='/SubordinateDetail' class='MySub center'>
                    <p>刘昊然</p>
                    <p>2019.04.10</p>
                    <p>¥10.00</p>
                    <img src={require('../../static/img/right4.png')} alt=""/>
                </Link>
            </div>
        )
    }
}